/* 
    Document   : principal
    Created on : 06/10/2012, 16:31:54
    Author     : Marcelo
    Description:
        Purpose of the stylesheet follows.
*/

* {
    background: -moz-linear-gradient(top, #BF7605, #C88405);
    background: -webkit-gradient(linear, center top, center bottom, from(#BF7605), to(#C88405));
    font-family: Scada;
}

#conteudo {
    box-shadow: 0.5px 0.5px 0.5px 0.5px #333333;
    border-radius:5px;
    -moz-border-radius:25px;
}

#conteudo #topo {
    background: #F8F6F4;
    height: 50px;
    width: available;
    color:#D09042;
    border-bottom:#333333 solid 2px ;
}

#conteudo #topo h1 {
    background: inherit;
    padding: 5px;
}




#conteudo #rodape {
    background: #F8F6F4;
    height: 50px;
    width: available;
    border-top: #333333 solid 2px ;
    color: black;
    border-bottom-left-radius:7px;
    border-bottom-right-radius:7px;
}

#conteudo #rodape h3 {
    background: #F8F6F4;
    padding-left: 5px;
    padding-bottom: 1px;
}

#conteudo #miolo{
    background: #F8F6F4;
    height: 500px;
    width: available;
}

#conteudo #miolo a {
    border: #E0CFC2 2px solid;
    border-radius:10px;
    -moz-border-radius:25px;
    background: #F8F6F4;
    color: black;
    margin: 20px 0 0 40%;
}

#conteudo #miolo a:hover {
    color: #BE5730;
}

#conteudo #miolo #questionario {
    margin: 100px auto;
    visibility: visible;
    height: 300px;
    width: 600px;
    border: #E0CFC2 2px solid;
    border-radius:10px;
    -moz-border-radius:25px;
    background: #F8F6F4;
}

#conteudo #miolo #questionario #pergunta{
    padding: 5px;
    height:30px;
    width: available;
    color: white;
    background: -moz-linear-gradient(top, #D09042, #CE8C3D);
    border-top-left-radius:7px;
    border-top-right-radius:7px;
    border-bottom: #E0CFC2 2px solid
}

#conteudo #miolo #questionario #alternativa{
    padding: 5px;
    background:#F8F6F4;
    height: 200px;
    width: available;
    color: #BE5730;
    background: -moz-linear-gradient(top, #F4F0EC, #FAF8F7); 
    border-bottom-left-radius:7px;
    border-bottom-right-radius:7px;
    
}

#conteudo #miolo #questionario #opcao{
    padding: 5px;
    background:#ffdb1f;
    height: 10px;
    width: available;
    color: #BE5730;
    background: -moz-linear-gradient(top, #F4F0EC, #FAF8F7); 
    border-bottom-left-radius:7px;
    border-bottom-right-radius:7px;
}

.oculto{
    visibility: hidden;  
}

#conteudo #miolo #questionario #alternativa label{
    background:#F8F6F4;
}

#btnProxQuest{
    color: white;
    border-radius:10px;
}

#btnProxQuest:hover{
    color: black;
    
}